<!-- 04.Home_page -->
<div class="gradient-strip"></div>
<div class="container container-homepage" id="page-homepage">

    <!-- first row -->
    <div class="row">
        <div class="top-1column">
            <div class="tp-Block tp-Hero">
                <div class="tp-Block_Inner">
                    <div class="tp-Hero_Carousel js-TpHeroCarousel" data-carousel='{"loop":true, "pcShow":1, "tabShow":1, "spShow":1, "showDot":true, "showArrow":true, "duration":600, "autoPlay":true, "oneByOne":false}'>
                        <div class="tp-Hero_CarouselInner js-Carousel_Inner">
                            <ul class="js-Carousel_Content">
                                <li class="tp-Hero_CarouselItem js-Carousel_Item">
                                    <a href="/hc/ja/articles/200720464" onClick="ga('send', 'event', 'inbound', 'click', 'banner2');"><img src="https://mydevasset.blob.core.windows.net/system-container/image/banner2.png"  width="100%" height="545" alt=""></a>
                                </li>
                                <li class="tp-Hero_CarouselItem js-Carousel_Item">
                                    <a href="/hc/ja/articles/211029283" onClick="ga('send', 'event', 'inbound', 'click', 'banner1');"><img src="https://mydevasset.blob.core.windows.net/system-container/image/banner1.png" width="100%" height="545" alt=""></a>
                                </li>
                                <li class="tp-Hero_CarouselItem js-Carousel_Item">
                                    <a href="/hc/ja/articles/201512734" onClick="ga('send', 'event', 'inbound', 'click', 'banner3');"><img src="https://mydevasset.blob.core.windows.net/system-container/image/banner3.png"  width="100%" height="545" alt=""></a>
                                </li>
                                <li class="tp-Hero_CarouselItem js-Carousel_Item">
                                    <a href="/hc/ja/sections/200702214" onClick="ga('send', 'event', 'inbound', 'click', 'banner_events');"><img src="https://mydevasset.blob.core.windows.net/system-container/image/banner_events.png" width="100%"  height="545" alt=""></a>
                                </li>
                            </ul>
                        </div>
                        <!-- /.js-Carousel_inner -->
                    </div>
                    <!-- /.tp-Seminar_Carousel -->
                </div>
                <!-- /.tp-Block_Inner -->
            </div>
            <!-- /.tp-Hero -->
        </div>
    </div>
    <!-- ./first row -->

    <!-- secound row -->
    <div class="row">
        <div class="top-1column">
            <div class="top-menuList">
                <ul>
                    <li><a href="/hc/ja/articles/200929540"><span>はじめに</span></a>
                    </li>
                    <li><a href="/hc/ja/articles/200730174"><span>チュートリアル</span></a>
                    </li>
                    <li><a href="/hc/ja/articles/210064823"><span>APIドキュメント</span></a>
                    </li>
                    <li><a href="/hc/ja/articles/213043483"><span>ツール</span></a>
                    </li>
                    <li><a href="/hc/ja/sections/200143874"><span>Tips</span></a>
                    </li>
                    <li><a href="/hc/ja/community/topics"><span>コミュニティ</span></a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- ./secound row -->

    <div class="row articleList">
        <!-- third row -->
        <div class="top-2bscolumn">
            <div class="top-1bigcolumn">
                <div class="top-communityPost">
                    <div class="top-communityPost-left">
                        <h3 class="top-communityPost-title">コミュニティ更新情報</h3>
                        <div class="top-communityPost-img"><img src="https://mydevasset.blob.core.windows.net/system-container/image/community_update.png" alt="コミュニティ更新情報" /></div>
                        <div class='list-posts-sectionLink'>{{#link 'community'}} すべてのトピックを見る {{/link}}</div>
                    </div>    
                    <div class="top-communityPost-right">
                        <div class="top-communityPost-list">

                        </div>
                    </div>    
                </div>
            </div>
            <div class="top-1bigcolumn">
                <div class="top-articleList">
                    <div class="top-articleList-left">
                        <h3 class="top-articleList-title">API更新情報</h3>
                        <div id="imgAPIUpdate" class="top-articleList-img"><img src="https://mydevasset.blob.core.windows.net/system-container/image/api_update.png" alt="API更新情報" /></div>
                        <!-- follow homepage show subscribeAPI -->
                        <div class="notification notification-notice" style="display:none;">
                            <div class="notification-inner">
                                <span class="notification-icon"></span>
                                <span class="notification-text"></span>
                                <a href="#" class="notification-dismiss" data-notification-dismiss=""></a>
                            </div>
                        </div>
                        <div class="section-subscribe dropdown" aria-haspopup="true">
                            <button class="dropdown-toggle" type="button" aria-selected="true"><span class="fa fa-rss"></span> フォローする</button>
                            <span class="dropdown-menu subscribeAPI" role="menu" aria-expanded="false">
                                <a rel="nofollow" role="menuitem" aria-selected="false" class="new-article" herf="#">新しい記事</a>
                                <a rel="nofollow" role="menuitem" aria-selected="false" class="new-article-comments" herf="#">新しい記事とコメント</a>
                                <a rel="nofollow" role="menuitem" aria-selected="false" class="stop-following" herf="#">フォローを止める</a>
                            </span>
                        </div> 
                    </div>
                    <div class="top-articleList-right">
                        <div class="top-articleList-list" id="APIUpdate"></div>
                    </div>
                </div>
            </div>
            <div class="top-1bigcolumn">
                <div class="top-articleList">
                    <div class="top-articleList-left">
                        <h3 class="top-articleList-title">サイト更新情報</h3>
                        <div id="imgsampleUpdate" class="top-articleList-img"><img src="https://mydevasset.blob.core.windows.net/system-container/image/web_update.png" alt="サイト更新情報" /></div>
                        <!-- follow homepage show subscribeSite -->
                        <div class="notification notification-notice" style="display:none;">
                            <div class="notification-inner">
                                <span class="notification-icon"></span>
                                <span class="notification-text"></span>
                                <a href="#" class="notification-dismiss" data-notification-dismiss=""></a>
                            </div>
                        </div>
                        <div class="section-subscribe dropdown" aria-haspopup="true">
                            <button class="dropdown-toggle" type="button" aria-selected="true"><span class="fa fa-rss"></span> フォローする</button>
                            <span class="dropdown-menu subscribeSite" role="menu" aria-expanded="false">
                                <a rel="nofollow" role="menuitem" aria-selected="false" class="new-article" href="#">新しい記事</a>
                                <a rel="nofollow" role="menuitem" aria-selected="false" class="new-article-comments" href="#">新しい記事とコメント</a>
                                <a rel="nofollow" role="menuitem" aria-selected="false" class="stop-following" href="#">フォローを止める</a>
                            </span>
                        </div>
                    </div>
                    <div class="top-articleList-right">
                        <div class="top-articleList-list" id="sampleUpdate">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="top-1smallcolumn">
            <a class="twitter-timeline" data-height="1180" href="https://twitter.com/kintonedevjp">kintonedevjp</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
        </div>
    </div>
    <!-- third row -->
</div>
<!-- ./container -->
